<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Axios入门案例</title>
</head>
<body>


<!-- 1.导入js类库 -->
<script src="../js/axios.js"></script>
<script>

  axios.defaults.baseURL = "http://localhost:8090/"

  function getHello1(){

    axios.get("hello").then(result => {
      console.log(result.data)
    })

  }

  //1.定义语法 async标识方法
  async function getHello2(){
    //await 标识ajax请求  可以直接接收返回值对象
    const result =await axios.get("hello")

    //通过result.data的数据接收返回值
    console.log(result.data)
  }

  async function getHello2(){
    //data: 是对象中的属性
    //解构赋值: 将返回的对象的数据 采用指定的对象接收
    //value 表示接收返回值结果.
    const {data: value} = await axios.get("hello")
    console.log(value)
  }

  //练习2: http://localhost:8090/axios?id=100
  async function axiosId(){
    const {data: value} = await axios.get("axios?id=100")
    console.log(value)
  }

  //调用函数
  axiosId()

</script>
</body>
</html>
